
import { defineComponent, onMounted, onBeforeMount, reactive, VueElement, type StyleValue } from 'vue';
import axios from 'axios';
import { counter } from '../../count';
import dynamicJson from './../data.json';

import './style.less';

interface DynamicDataItem {
  value: number;
  [key: string]: any;
};

interface State {
  dynamicData: DynamicDataItem[],
  pointList: any[],
  activeTitle: string,
};

export default defineComponent({
  setup() {
    const state = reactive<State>({
      activeTitle: '庆阳市',
      dynamicData: [],
      pointList: [
        {title: '环县', active: false, x: 388, y: 100},
        {title: '华池县', active: false, x: 950, y: 250},
        {title: '庆城县', active: false, x: 700, y: 390},
        {title: '合水县', active: false, x: 1060, y: 450},
        {title: '镇原县', active: false, x: 400, y: 650},
        {title: '庆阳市', active: true, x: 700, y: 650},
        {title: '宁县', active: false, x: 900, y: 750},
        {title: '正宁县', active: false, x: 1150, y: 850}
      ]
    });

    onBeforeMount(async () => {
      // const resp = await axios.get('src/views/VillageLevel/data.json');
      state.dynamicData = dynamicJson.list
    })

    onMounted(() => {
      // ...
    });

    return () => {
      const { dynamicData } = state;
      return (
        <div class="vl-center">
          <div class="vlc-top-realtime-data doudou-row">
            {
              dynamicData.map((item, index) => {
                return (
                  <div class="dynamic-data-item">
                    <span class="ddi-title">{item.name}</span>
                    <div class="ddi-value">
                      <span
                        class={`dynamic-data-item_${index}`}
                        style={{ color: item.color }}
                      >
                        {item.value}
                        {/* {
                          counter({
                            maxValue: item.value,
                            callBack: (current) => {
                              const itemElement = document.querySelector(`.dynamic-data-item_${index}`)
                              if (itemElement instanceof Element) itemElement.innerHTML = `${current}`;
                            }
                          })
                        } */}
                      </span>
                      <span class="ddi-unit">
                        {item.unit}
                      </span>
                    </div>
                  </div>
                )
              })
            }
          </div>
          <svg
            class="map-svg"
            width="1491px"
            height="1338px"
          >
            <g>
              <image
                class="image-3D"
                href={new URL(`@/assets/village-level/qingyang/map.png`, import.meta.url).href}
              />
            </g>
            <g class="image-svg-g" style="transform: translate(95px, 43px) scale(0.87)">
              <path onClick={() => state.activeTitle = '镇原县'} style={{opacity: state.activeTitle == '镇原县' ? 0.7 : 0}} fill-rule="evenodd"  opacity="0.702" fill="rgb(0, 132, 255)"
                d="M253.000,538.000 L254.000,531.000 L260.000,523.000 L266.000,526.000 L276.000,522.000 L287.000,533.000 L290.000,534.000 L292.000,533.000 L290.000,537.000 L290.000,539.000 L295.000,543.000 L301.000,535.000 L306.000,537.000 L301.000,542.000 L311.000,542.000 L316.000,549.000 L317.000,555.000 L323.000,551.000 L325.000,536.000 L329.000,532.000 L329.000,525.000 L336.000,517.000 L339.000,509.000 L341.000,507.000 L344.000,513.000 L350.000,516.000 L355.000,512.000 L356.000,517.000 L363.000,521.000 L363.000,531.000 L348.000,532.000 L350.000,521.000 L338.000,522.000 L333.000,529.000 L334.000,540.000 L343.000,540.000 L347.000,534.000 L362.000,534.000 L365.000,536.000 L368.000,537.000 L367.000,541.000 L363.000,544.000 L366.000,549.000 L373.000,550.000 L376.000,553.000 L376.000,556.000 L375.000,558.000 L370.000,555.000 L365.000,561.000 L362.000,563.000 L357.000,570.000 L356.000,600.000 L370.000,607.000 L374.000,603.000 L377.000,603.000 L379.000,610.000 L386.000,617.000 L396.000,616.000 L400.000,614.000 L396.000,620.000 L395.000,623.000 L396.000,632.000 L404.000,629.000 L408.000,629.000 L410.000,631.000 L419.000,627.000 L424.000,627.000 L434.000,633.000 L441.000,635.000 L449.000,635.000 C453.400,630.600 456.000,630.000 456.000,630.000 L460.000,627.000 L468.000,627.000 L480.000,642.000 L496.000,642.000 L497.000,650.000 L500.000,650.000 C500.000,650.000 505.400,658.298 510.000,660.000 C514.600,661.702 520.000,661.000 520.000,661.000 L522.000,676.000 L519.000,681.000 L523.000,683.000 L525.000,681.000 C525.000,681.000 536.800,691.898 540.000,693.000 C543.200,694.102 547.000,696.000 547.000,696.000 C547.000,696.000 554.600,713.698 560.000,717.000 C565.400,720.302 573.000,725.000 573.000,725.000 C573.000,725.000 582.200,724.898 587.000,725.000 C591.800,725.102 598.000,725.000 598.000,725.000 L604.000,732.000 L603.000,744.000 L610.000,745.000 C610.000,745.000 606.800,748.498 607.000,752.000 C607.200,755.502 612.000,766.000 612.000,766.000 L618.000,767.000 L640.000,781.000 L640.000,792.000 L648.000,796.000 L651.000,796.000 C651.000,796.000 650.400,808.498 650.000,815.000 C649.600,821.502 649.800,827.298 651.000,831.000 C652.200,834.702 653.000,839.000 653.000,839.000 L653.000,847.000 L658.000,848.000 L660.000,849.000 C660.000,849.000 655.538,871.640 667.000,887.000 C667.000,887.000 672.938,894.640 677.000,897.000 C677.000,897.000 675.138,909.040 675.000,913.000 C674.862,916.960 677.538,921.640 678.000,923.000 C678.462,924.360 678.000,953.000 678.000,953.000 C678.000,953.000 683.138,964.840 688.000,969.000 L691.000,975.000 L691.000,992.000 L692.000,998.000 L697.000,998.000 L698.000,1007.000 C698.000,1007.000 707.138,1019.840 709.000,1025.000 C710.862,1030.160 713.938,1041.240 715.000,1045.000 C716.062,1048.760 720.138,1052.840 721.000,1054.000 C721.862,1055.160 722.000,1069.000 722.000,1069.000 C722.000,1069.000 727.538,1070.840 729.000,1074.000 C730.462,1077.160 731.000,1083.000 731.000,1083.000 C731.000,1083.000 743.738,1093.240 748.000,1104.000 L749.000,1108.000 L745.000,1112.000 C745.000,1112.000 743.338,1108.640 741.000,1109.000 C738.662,1109.360 732.538,1112.640 732.000,1117.000 C731.462,1121.360 735.000,1130.000 735.000,1130.000 L726.000,1134.000 L726.000,1131.000 C726.000,1131.000 720.138,1125.840 715.000,1117.000 C709.862,1108.160 706.000,1102.000 706.000,1102.000 L689.000,1100.000 C689.000,1100.000 685.538,1103.440 683.000,1108.000 C680.462,1112.560 678.738,1113.840 677.000,1115.000 C675.262,1116.160 675.000,1117.000 675.000,1117.000 L675.000,1129.000 L668.000,1134.000 L665.000,1134.000 L661.000,1130.000 L664.000,1117.000 L661.000,1109.000 L640.000,1110.000 L616.000,1093.000 L606.000,1093.000 C606.000,1093.000 600.738,1102.640 599.000,1104.000 C597.262,1105.360 589.000,1112.000 589.000,1112.000 L566.000,1104.000 C566.000,1104.000 559.138,1104.840 556.000,1105.000 C552.862,1105.160 538.000,1099.000 538.000,1099.000 L525.000,1079.000 L515.000,1078.000 L507.000,1080.000 L496.000,1073.000 L494.000,1085.000 L497.000,1092.000 L494.000,1095.000 L489.000,1089.000 L485.000,1090.000 L480.000,1082.000 L470.000,1085.000 L458.000,1085.000 L459.000,1081.000 L449.000,1079.000 L437.000,1095.000 L437.000,1116.000 L422.000,1113.000 L410.000,1101.000 C410.000,1101.000 404.138,1098.240 401.000,1100.000 C397.862,1101.760 386.338,1108.440 384.000,1113.000 C381.662,1117.560 381.000,1120.000 381.000,1120.000 L378.000,1121.000 L365.000,1110.000 L358.000,1110.000 L354.000,1116.000 C354.000,1116.000 353.538,1108.840 353.000,1106.000 C352.462,1103.160 347.538,1097.640 347.000,1097.000 C346.462,1096.360 342.000,1093.000 342.000,1093.000 C342.000,1093.000 339.938,1093.240 339.000,1090.000 C338.062,1086.760 337.000,1084.000 337.000,1084.000 L329.000,1083.000 L306.000,1057.000 L293.000,1044.000 L291.000,1038.000 C291.000,1038.000 286.138,1036.840 281.000,1035.000 C275.862,1033.160 276.538,1033.040 275.000,1030.000 C273.462,1026.960 273.000,1024.000 273.000,1024.000 L266.000,1022.000 L258.000,1004.000 L253.000,1003.000 L253.000,996.000 C253.000,996.000 243.538,978.440 209.000,958.000 C173.262,939.760 169.738,936.040 165.000,933.000 C160.262,929.960 153.938,923.440 154.000,920.000 C154.062,916.560 157.000,907.000 157.000,907.000 L161.000,906.000 L165.000,903.000 C165.000,903.000 172.338,908.640 177.000,910.000 C181.662,911.360 182.338,909.440 185.000,913.000 C187.662,916.560 190.000,918.000 190.000,918.000 C190.000,918.000 202.616,914.284 203.000,909.000 C203.384,903.716 204.000,902.000 204.000,902.000 L208.000,904.000 L205.000,894.000 L206.000,891.000 L208.000,891.000 L211.000,895.000 L224.000,892.000 L228.000,892.000 L234.000,894.000 L241.000,890.000 L243.000,867.000 L245.000,865.000 L251.000,869.000 L251.000,877.000 L258.000,879.000 L264.000,870.000 C264.000,870.000 268.966,870.463 271.000,869.000 C273.034,867.537 275.766,861.063 276.000,859.000 C276.234,856.937 275.000,848.000 275.000,848.000 C275.000,848.000 269.766,847.063 268.000,845.000 C266.234,842.937 268.000,842.000 268.000,842.000 C268.000,842.000 275.966,844.063 280.000,844.000 C284.034,843.937 285.000,840.000 285.000,840.000 L286.000,837.000 L282.000,833.000 L282.000,829.000 L277.000,820.000 L268.000,819.000 L261.000,813.000 L260.000,808.000 L252.000,790.000 L260.000,790.000 L261.000,781.000 L243.000,779.000 L243.000,776.000 L249.000,771.000 L250.000,765.000 L256.000,765.000 L263.000,758.000 L271.000,758.000 L277.000,759.000 L280.000,749.000 L285.000,748.000 L289.000,748.000 L293.000,747.000 L300.000,748.000 L307.000,742.000 L305.000,729.000 L292.000,729.000 L291.000,725.000 L302.000,710.000 L310.000,708.000 L314.000,701.000 L316.000,690.000 L306.000,686.000 L304.000,683.000 L305.000,679.000 L313.000,672.000 L312.000,661.000 L319.000,655.000 L315.000,652.000 L320.000,651.000 L321.000,646.000 L324.000,645.000 L327.000,633.000 L325.000,626.000 L324.000,622.000 L318.000,619.000 L318.000,616.000 L320.000,611.000 L320.000,606.000 L316.000,604.000 L311.000,605.000 L313.000,598.000 L308.000,594.000 L301.000,599.000 L299.000,596.000 L301.000,586.000 L296.000,578.000 L295.000,574.000 L287.000,573.000 L280.000,565.000 L276.000,564.000 L275.000,557.000 L272.000,554.000 L271.000,546.000 L264.000,546.000 L261.000,549.000 L253.000,538.000 Z"/>
                <path onClick={() => state.activeTitle = '环县'} style={{opacity: state.activeTitle == '环县' ? 0.7 : 0}} fill-rule="evenodd"  opacity="0.702" fill="rgb(0, 132, 255)"
                d="M253.000,537.000 L254.000,530.000 L260.000,524.000 L267.000,526.000 L276.000,522.000 L287.000,533.000 L290.000,534.000 L292.000,533.000 L290.000,538.000 L294.000,542.000 L301.000,535.000 L306.000,537.000 L302.000,541.000 L312.000,543.000 L316.000,551.000 L317.000,555.000 L322.000,552.000 L324.000,536.000 L329.000,532.000 L329.000,525.000 L336.000,518.000 L339.000,509.000 L341.000,506.000 L344.000,512.000 L351.000,515.000 L355.000,513.000 L356.000,518.000 L363.000,521.000 L363.000,531.000 L348.000,532.000 L350.000,521.000 L338.000,523.000 L334.000,528.000 L333.000,533.000 L334.000,539.000 L343.000,540.000 L347.000,535.000 L362.000,534.000 L364.000,537.000 L367.000,537.000 L367.000,541.000 L363.000,545.000 L366.000,549.000 C366.000,549.000 372.063,548.883 374.000,550.000 C375.937,551.117 377.491,552.454 377.000,555.000 C376.509,557.546 375.000,558.000 375.000,558.000 C375.000,558.000 371.777,553.454 370.000,555.000 C368.223,556.546 361.000,564.000 361.000,564.000 L358.000,568.000 L357.000,572.000 L356.000,600.000 L370.000,607.000 L375.000,603.000 L377.000,603.000 L378.000,609.000 L387.000,617.000 L397.000,616.000 L400.000,615.000 L395.000,622.000 L397.000,632.000 C397.000,632.000 402.348,629.286 404.000,629.000 C405.652,628.714 410.000,630.000 410.000,630.000 L412.000,630.000 C412.000,630.000 417.348,627.143 419.000,627.000 C420.652,626.857 426.000,628.000 426.000,628.000 C426.000,628.000 438.348,636.572 443.000,636.000 C447.652,635.428 451.348,633.001 454.000,631.000 C456.652,628.999 460.000,627.000 460.000,627.000 L469.000,627.000 L479.000,641.000 L498.000,641.000 L498.000,649.000 L501.000,649.000 C501.000,649.000 505.813,658.786 512.000,660.000 C518.187,661.214 520.000,660.000 520.000,660.000 L522.000,676.000 L519.000,682.000 L523.000,683.000 L526.000,682.000 L539.000,693.000 C539.000,693.000 543.188,677.161 548.000,670.000 C552.812,662.839 553.688,658.786 560.000,655.000 C566.312,651.214 566.438,649.536 566.000,647.000 C565.562,644.464 559.688,633.536 560.000,630.000 C560.312,626.464 562.313,617.161 566.000,613.000 C569.687,608.839 571.688,606.786 572.000,605.000 C572.312,603.214 572.313,602.161 571.000,601.000 C569.687,599.839 560.223,597.204 561.000,593.000 C561.777,588.796 565.598,555.579 568.000,549.000 C570.402,542.421 574.348,539.329 578.000,538.000 C581.652,536.671 586.000,538.000 586.000,538.000 L586.000,545.000 C586.000,545.000 588.473,547.204 592.000,546.000 C595.527,544.796 602.223,541.829 605.000,540.000 C607.777,538.171 612.598,533.579 614.000,534.000 C615.402,534.421 622.000,538.000 622.000,538.000 L622.000,542.000 L638.000,547.000 L641.000,542.000 L651.000,541.000 L660.000,523.000 C660.000,523.000 674.973,518.204 679.000,519.000 C683.027,519.796 690.973,523.204 695.000,522.000 C699.027,520.796 715.000,512.000 715.000,512.000 L717.000,505.000 L746.000,507.000 L751.000,511.000 L762.000,511.000 C762.000,511.000 773.473,506.204 777.000,507.000 C780.527,507.796 781.000,507.000 781.000,507.000 C781.000,507.000 784.446,499.061 788.000,496.000 C791.554,492.939 789.000,495.000 789.000,495.000 L789.000,482.000 C789.000,482.000 792.306,476.034 793.000,470.000 C793.694,463.966 791.734,443.462 790.000,440.000 C788.266,436.538 781.000,418.000 781.000,418.000 L771.000,417.000 L771.000,410.000 L777.000,409.000 L783.000,406.000 C783.000,406.000 783.734,412.748 788.000,410.000 C792.266,407.252 795.000,404.000 795.000,404.000 L790.000,400.000 L797.000,394.000 L798.000,387.000 L810.000,385.000 C810.000,385.000 818.020,378.605 821.000,378.000 C823.980,377.395 829.000,377.000 829.000,377.000 L825.000,356.000 L817.000,354.000 L812.000,357.000 L799.000,350.000 L814.000,341.000 L809.000,333.000 C809.000,333.000 786.877,324.891 783.000,320.000 C779.123,315.109 775.000,294.000 775.000,294.000 L758.000,294.000 C758.000,294.000 747.877,293.462 752.000,285.000 C756.123,276.538 768.020,263.748 768.000,253.000 C767.980,242.252 755.163,238.462 752.000,238.000 C748.837,237.538 746.591,233.176 746.000,230.000 C745.409,226.824 746.734,213.605 741.000,213.000 C735.266,212.395 726.306,208.891 722.000,213.000 C717.694,217.109 716.448,217.319 716.000,221.000 C715.552,224.681 714.000,227.000 714.000,227.000 L707.000,224.000 C707.000,224.000 706.306,205.462 704.000,202.000 C701.694,198.538 685.306,180.319 681.000,178.000 C676.694,175.681 667.877,168.319 671.000,165.000 C674.123,161.681 691.000,164.000 691.000,164.000 L694.000,158.000 C694.000,158.000 677.688,151.751 673.000,146.000 C668.312,140.249 667.973,139.036 665.000,139.000 C662.027,138.964 650.259,142.322 647.000,142.000 C643.741,141.678 612.688,140.179 610.000,140.000 C607.312,139.821 595.402,134.465 593.000,132.000 C590.598,129.535 586.000,126.000 586.000,126.000 L569.000,135.000 L567.000,124.000 L557.000,123.000 C557.000,123.000 564.624,109.533 563.000,104.000 C561.376,98.467 555.767,95.104 556.000,93.000 C556.233,90.896 555.000,70.000 555.000,70.000 C555.000,70.000 551.327,64.387 553.000,61.000 C554.673,57.613 556.470,52.102 555.000,51.000 C553.530,49.898 550.184,48.816 551.000,47.000 C551.816,45.184 554.184,42.387 552.000,39.000 C549.816,35.613 545.899,31.102 542.000,32.000 C538.101,32.898 533.613,35.244 531.000,34.000 C528.387,32.756 502.000,13.000 502.000,13.000 L479.000,17.000 L473.000,21.000 L466.000,21.000 L462.000,25.000 L450.000,23.000 L449.000,18.000 L444.000,19.000 L439.000,21.000 L425.000,13.000 L423.000,25.000 L405.000,23.000 L404.000,28.000 L393.000,28.000 L391.000,25.000 L384.000,25.000 C384.000,25.000 377.667,12.379 371.000,10.000 C364.333,7.621 363.000,7.000 363.000,7.000 L361.000,7.000 L361.000,15.000 L358.000,18.000 L360.000,24.000 L350.000,24.000 L345.000,30.000 L341.000,31.000 L334.000,21.000 L322.000,22.000 L303.000,5.000 L294.000,2.000 L290.000,0.000 L288.000,0.000 L282.000,4.000 L282.000,7.000 L284.000,12.000 L283.000,15.000 L277.000,21.000 L276.000,24.000 L274.000,33.000 L272.000,36.000 L267.000,36.000 L252.000,23.000 L252.000,16.000 L237.000,15.000 L233.000,13.000 L225.000,19.000 L218.000,19.000 L218.000,13.000 L209.000,13.000 L205.000,16.000 L196.000,7.000 L193.000,9.000 L197.000,25.000 L207.000,35.000 L208.000,38.000 C208.000,38.000 208.771,55.811 213.000,60.000 C217.229,64.189 218.000,65.000 218.000,65.000 C218.000,65.000 215.629,70.954 213.000,72.000 C210.371,73.046 204.000,73.000 204.000,73.000 L201.000,82.000 L200.000,86.000 L201.000,96.000 L171.000,98.000 L169.000,107.000 L165.000,109.000 L152.000,104.000 L154.000,100.000 L151.000,95.000 L149.000,96.000 L148.000,101.000 L147.000,104.000 L165.000,110.000 C165.000,110.000 170.343,110.954 172.000,114.000 C173.657,117.046 175.629,117.382 175.000,121.000 C174.371,124.618 174.000,129.000 174.000,129.000 C174.000,129.000 179.629,125.382 184.000,128.000 C188.371,130.618 189.000,130.000 189.000,130.000 L188.000,138.000 L189.000,142.000 L191.000,147.000 L189.000,149.000 L190.000,155.000 L190.000,161.000 C190.000,161.000 196.200,165.954 197.000,169.000 C197.800,172.046 198.000,175.000 198.000,175.000 C198.000,175.000 198.771,176.096 196.000,179.000 C193.229,181.904 192.000,183.000 192.000,183.000 L188.000,184.000 L183.000,191.000 L183.000,204.000 L176.000,212.000 L176.000,218.000 L182.000,219.000 L182.000,227.000 L168.000,228.000 L163.000,222.000 L156.000,222.000 L150.000,214.000 L148.000,215.000 L146.000,216.000 L141.000,215.000 L138.000,221.000 L133.000,222.000 L126.000,220.000 L121.000,223.000 L115.000,224.000 L110.000,227.000 L106.000,229.000 L107.000,231.000 L111.000,234.000 L110.000,242.000 L104.000,246.000 L98.000,246.000 L97.000,243.000 L88.000,246.000 L87.000,252.000 L87.000,255.000 L87.000,258.000 L88.000,267.000 L87.000,270.000 L85.000,272.000 L83.000,273.000 L81.000,281.000 L73.000,282.000 L68.000,285.000 L59.000,285.000 L58.000,284.000 L56.000,283.000 L55.000,283.000 L52.000,292.000 L57.000,296.000 L63.000,300.000 L65.000,305.000 L64.000,311.000 L57.000,311.000 L53.000,321.000 L37.000,321.000 L30.000,319.000 L19.000,310.000 L18.000,313.000 L13.000,318.000 L7.000,319.000 L2.000,314.000 L-0.000,315.000 L1.000,317.000 L4.000,320.000 L4.000,322.000 L16.000,322.000 L20.000,328.000 L26.000,330.000 L28.000,332.000 L27.000,336.000 L29.000,336.000 L27.000,340.000 L32.000,339.000 C32.000,339.000 39.622,348.903 45.000,351.000 C50.378,353.097 53.765,352.617 56.000,354.000 C58.235,355.383 60.000,356.000 60.000,356.000 L60.000,361.000 C60.000,361.000 61.193,359.760 62.000,359.000 C62.807,358.240 65.000,357.000 65.000,357.000 C65.000,357.000 68.765,355.903 71.000,358.000 C73.235,360.097 74.000,362.000 74.000,362.000 C74.000,362.000 79.908,362.332 81.000,363.000 C82.092,363.668 83.622,365.474 84.000,369.000 C84.378,372.526 86.908,379.617 81.000,385.000 C75.092,390.383 68.765,390.903 70.000,394.000 C71.235,397.097 73.908,398.332 74.000,400.000 C74.092,401.668 65.000,411.000 65.000,411.000 L62.000,409.000 L60.000,410.000 L60.000,413.000 L63.000,414.000 L69.000,416.000 L79.000,420.000 L81.000,420.000 L80.000,429.000 L79.000,433.000 L77.000,439.000 L66.000,437.000 L64.000,447.000 L64.000,452.000 L64.000,457.000 L60.000,460.000 L59.000,468.000 C59.000,468.000 54.910,468.670 55.000,470.000 C55.090,471.330 55.481,473.813 57.000,476.000 C58.519,478.187 59.052,478.527 59.000,481.000 C58.948,483.473 57.000,492.000 57.000,492.000 L54.000,492.000 C54.000,492.000 46.052,486.241 46.000,484.000 C45.948,481.759 42.767,474.241 39.000,475.000 C35.233,475.759 34.767,476.670 38.000,482.000 C41.233,487.330 50.000,500.000 50.000,500.000 L53.000,498.000 L61.000,498.000 C61.000,498.000 67.624,507.670 73.000,507.000 C78.376,506.330 81.052,503.098 81.000,500.000 C80.948,496.902 79.052,495.527 80.000,493.000 C80.948,490.473 82.052,485.384 85.000,485.000 C87.948,484.616 90.338,484.384 94.000,486.000 C97.662,487.616 104.000,489.000 104.000,489.000 L105.000,495.000 C105.000,495.000 107.195,488.813 109.000,486.000 C110.805,483.187 113.000,482.000 113.000,482.000 L120.000,482.000 L120.000,496.000 L129.000,501.000 L133.000,493.000 C133.000,493.000 136.910,488.813 139.000,490.000 C141.090,491.187 146.000,495.000 146.000,495.000 L143.000,505.000 C143.000,505.000 146.338,502.384 152.000,501.000 C157.662,499.616 157.052,498.384 160.000,498.000 C162.948,497.616 167.910,498.527 169.000,502.000 C170.090,505.473 174.000,519.000 174.000,519.000 L181.000,523.000 L184.000,522.000 L187.000,523.000 L190.000,523.000 L193.000,521.000 L200.000,527.000 L205.000,531.000 L208.000,535.000 L211.000,537.000 L214.000,534.000 L215.000,531.000 L220.000,533.000 L223.000,530.000 L236.000,538.000 L240.000,534.000 L246.000,535.000 L251.000,538.000 L253.000,537.000 Z"/>
                <path onClick={() => state.activeTitle = '庆阳市'} style={{opacity: state.activeTitle == '庆阳市' ? 0.7 : 0}} fill-rule="evenodd"  opacity="0.702" fill="rgb(0, 132, 255)"
                d="M746.000,1112.000 L750.000,1108.000 L741.000,1094.000 L735.000,1086.000 L731.000,1082.000 L728.000,1072.000 L722.000,1068.000 L721.000,1053.000 L716.000,1046.000 L710.000,1026.000 L702.000,1012.000 L697.000,1005.000 L698.000,998.000 L692.000,997.000 L690.000,989.000 L690.000,971.000 L683.000,963.000 L677.000,953.000 L678.000,923.000 L676.000,915.000 L677.000,896.000 C677.000,896.000 669.383,891.581 667.000,887.000 C664.617,882.419 661.383,868.081 661.000,867.000 C660.617,865.919 658.883,857.831 659.000,855.000 C659.117,852.169 660.000,848.000 660.000,848.000 L652.000,847.000 L653.000,839.000 L661.000,838.000 C661.000,838.000 674.133,830.081 680.000,829.000 C685.867,827.919 696.133,826.581 700.000,825.000 C703.867,823.419 706.000,823.000 706.000,823.000 L724.000,823.000 L735.000,817.000 L735.000,810.000 L743.000,803.000 L752.000,809.000 L760.000,803.000 L787.000,812.000 C787.000,812.000 792.633,823.331 796.000,827.000 C799.367,830.669 800.000,831.000 800.000,831.000 C800.000,831.000 801.133,846.831 807.000,854.000 C812.867,861.169 824.000,871.000 824.000,871.000 L835.000,871.000 L843.000,865.000 L852.000,867.000 L862.000,867.000 L869.000,874.000 L871.000,881.000 L880.000,890.000 L890.000,889.000 L899.000,898.000 L902.000,902.000 L906.000,901.000 L908.000,900.000 L919.000,919.000 C919.000,919.000 927.883,924.581 932.000,927.000 C936.117,929.419 943.633,935.331 944.000,938.000 C944.367,940.669 944.000,943.000 944.000,943.000 C944.000,943.000 940.346,946.548 940.000,951.000 C939.654,955.452 937.596,970.798 935.000,973.000 C932.404,975.202 929.000,979.000 929.000,979.000 L934.000,1007.000 C934.000,1007.000 932.096,1011.798 930.000,1013.000 C927.904,1014.202 917.000,1017.000 917.000,1017.000 L916.000,1026.000 L908.000,1027.000 L895.000,1033.000 L886.000,1035.000 L876.000,1040.000 L852.000,1049.000 C852.000,1049.000 839.096,1055.548 837.000,1061.000 C834.904,1066.452 835.000,1077.000 835.000,1077.000 L830.000,1079.000 L814.000,1060.000 C814.000,1060.000 817.346,1081.798 827.000,1092.000 L824.000,1116.000 C824.000,1116.000 818.596,1126.548 817.000,1133.000 C815.404,1139.452 815.000,1145.000 815.000,1145.000 L804.000,1160.000 L800.000,1156.000 L794.000,1160.000 L782.000,1158.000 L778.000,1162.000 L774.000,1158.000 L773.000,1148.000 L765.000,1143.000 L765.000,1137.000 L755.000,1133.000 L749.000,1137.000 L745.000,1134.000 L746.000,1124.000 L750.000,1119.000 L747.000,1113.000 L746.000,1112.000 Z"/>
                <path onClick={() => state.activeTitle = '庆城县'} style={{opacity: state.activeTitle == '庆城县' ? 0.7 : 0}} fill-rule="evenodd"  opacity="0.702" fill="rgb(0, 132, 255)"
                d="M654.000,838.000 L664.000,838.000 C664.000,838.000 667.696,833.169 677.000,831.000 C686.304,828.831 694.196,828.669 699.000,827.000 C703.804,825.331 709.196,822.919 715.000,823.000 C720.804,823.081 729.000,820.000 729.000,820.000 L735.000,818.000 L735.000,811.000 L743.000,803.000 L752.000,809.000 L761.000,803.000 L787.000,814.000 C787.000,814.000 792.446,823.669 796.000,827.000 C799.554,830.331 800.000,832.000 800.000,832.000 L804.000,847.000 L811.000,860.000 L823.000,871.000 L835.000,871.000 L843.000,864.000 L852.000,867.000 L862.000,867.000 C862.000,867.000 868.946,872.669 870.000,877.000 C871.054,881.331 879.000,889.000 879.000,889.000 L889.000,889.000 L898.000,896.000 L901.000,902.000 L908.000,900.000 L918.000,918.000 C918.000,918.000 925.946,924.419 929.000,926.000 C932.054,927.581 933.000,927.000 933.000,927.000 L912.000,879.000 L921.000,872.000 C921.000,872.000 917.946,868.169 916.000,863.000 C914.054,857.831 913.000,852.000 913.000,852.000 C913.000,852.000 924.196,843.419 925.000,840.000 C925.804,836.581 926.000,835.000 926.000,835.000 L922.000,825.000 L925.000,822.000 L929.000,822.000 C929.000,822.000 945.196,802.919 948.000,800.000 C950.804,797.081 955.000,796.000 955.000,796.000 L970.000,804.000 L986.000,804.000 L987.000,797.000 C987.000,797.000 982.946,789.919 981.000,783.000 C979.054,776.081 980.000,766.000 980.000,766.000 L977.000,757.000 L988.000,753.000 L995.000,739.000 L995.000,735.000 L1003.000,730.000 L1012.000,715.000 L1014.000,709.000 L1020.000,702.000 L1021.000,684.000 C1021.000,684.000 1032.096,679.541 1039.000,677.000 C1045.904,674.459 1050.096,670.541 1045.000,664.000 C1039.904,657.459 1028.000,651.000 1028.000,651.000 L1030.000,644.000 L1049.000,648.000 L1061.000,644.000 C1061.000,644.000 1054.096,637.541 1054.000,634.000 C1053.904,630.459 1057.821,626.591 1060.000,625.000 C1062.179,623.409 1062.000,624.000 1062.000,624.000 L1050.000,610.000 L1049.000,607.000 L1032.000,608.000 L1032.000,599.000 L1021.000,602.000 L1006.000,617.000 L995.000,611.000 L994.000,600.000 L981.000,583.000 L972.000,588.000 L954.000,570.000 L947.000,571.000 L938.000,578.000 L925.000,570.000 L916.000,546.000 L908.000,546.000 L905.000,542.000 C905.000,542.000 898.621,544.591 897.000,544.000 C895.379,543.409 889.000,531.000 889.000,531.000 L883.000,537.000 L888.000,541.000 L888.000,554.000 L900.000,555.000 L899.000,563.000 L890.000,569.000 L873.000,569.000 L870.000,566.000 L867.000,569.000 L866.000,572.000 L859.000,572.000 L859.000,585.000 L849.000,581.000 L844.000,583.000 L842.000,589.000 L835.000,591.000 L824.000,568.000 L821.000,563.000 C821.000,563.000 826.621,552.791 826.000,549.000 C825.379,545.209 823.000,542.000 823.000,542.000 C823.000,542.000 818.821,535.791 818.000,532.000 C817.179,528.209 817.621,526.991 816.000,525.000 C814.379,523.009 803.021,519.791 797.000,518.000 C790.979,516.209 789.821,512.391 788.000,511.000 C786.179,509.609 781.021,506.791 777.000,507.000 C772.979,507.209 764.621,513.191 758.000,513.000 C751.379,512.809 751.000,513.000 751.000,513.000 C751.000,513.000 748.021,508.391 746.000,507.000 C743.979,505.609 717.000,505.000 717.000,505.000 L713.000,513.000 L695.000,522.000 C695.000,522.000 682.421,519.791 677.000,520.000 C671.579,520.209 660.000,523.000 660.000,523.000 L651.000,543.000 L641.000,543.000 L637.000,547.000 L621.000,543.000 L620.000,537.000 L614.000,534.000 C614.000,534.000 604.821,540.191 600.000,543.000 C595.179,545.809 592.000,547.000 592.000,547.000 C592.000,547.000 586.221,547.791 586.000,544.000 C585.779,540.209 585.000,538.000 585.000,538.000 C585.000,538.000 571.621,537.791 570.000,543.000 C568.379,548.209 561.821,589.991 562.000,593.000 C562.179,596.009 567.221,598.191 570.000,600.000 C572.779,601.809 572.000,607.000 572.000,607.000 C572.000,607.000 560.821,619.191 561.000,628.000 C561.179,636.809 565.221,641.791 566.000,646.000 C566.779,650.209 563.621,651.191 560.000,655.000 C556.379,658.809 543.421,677.391 542.000,683.000 C540.579,688.609 540.000,693.000 540.000,693.000 L547.000,696.000 C547.000,696.000 556.546,722.191 575.000,725.000 C593.454,727.809 598.000,725.000 598.000,725.000 L604.000,732.000 L605.000,744.000 L609.000,745.000 L608.000,753.000 L612.000,765.000 L618.000,767.000 L640.000,780.000 L640.000,792.000 L646.000,796.000 L652.000,796.000 L650.000,816.000 L649.000,825.000 L654.000,838.000 Z"/>
                <path onClick={() => state.activeTitle = '宁县'} style={{opacity: state.activeTitle == '宁县' ? 0.7 : 0}} fill-rule="evenodd"  opacity="0.702" fill="rgb(0, 132, 255)"
                d="M804.000,1160.000 L815.000,1146.000 C815.000,1146.000 818.442,1128.916 820.000,1123.000 C821.558,1117.084 825.000,1113.000 825.000,1113.000 L827.000,1092.000 L818.000,1079.000 L813.000,1061.000 L830.000,1078.000 L835.000,1076.000 C835.000,1076.000 834.042,1059.116 841.000,1055.000 C847.958,1050.884 876.842,1041.516 880.000,1039.000 C883.158,1036.484 888.842,1035.316 892.000,1034.000 C895.158,1032.684 908.000,1026.000 908.000,1026.000 L916.000,1027.000 L918.000,1017.000 C918.000,1017.000 927.710,1016.002 930.000,1013.000 C932.290,1009.998 933.000,1007.000 933.000,1007.000 L928.000,978.000 L935.000,973.000 L942.000,942.000 C942.000,942.000 946.110,948.002 949.000,948.000 C951.890,947.998 957.000,948.000 957.000,948.000 L964.000,955.000 L971.000,954.000 L978.000,948.000 L986.000,948.000 L1010.000,958.000 L1017.000,953.000 L1025.000,953.000 L1026.000,984.000 L1033.000,990.000 L1051.000,989.000 L1104.000,958.000 L1112.000,927.000 C1112.000,927.000 1123.510,915.802 1124.000,911.000 C1124.490,906.198 1125.110,899.802 1123.000,897.000 C1120.890,894.198 1108.910,892.402 1105.000,887.000 C1101.090,881.598 1102.310,877.002 1107.000,872.000 C1111.690,866.998 1118.000,859.000 1118.000,859.000 C1118.000,859.000 1132.910,863.602 1133.000,855.000 C1133.090,846.398 1132.310,843.002 1138.000,840.000 C1143.690,836.998 1145.510,837.402 1152.000,841.000 C1158.490,844.598 1168.710,848.402 1172.000,845.000 C1175.290,841.598 1179.510,833.202 1187.000,834.000 C1194.490,834.798 1212.110,842.002 1219.000,844.000 C1225.890,845.998 1232.110,848.002 1237.000,850.000 C1241.890,851.998 1257.310,852.802 1259.000,844.000 C1260.690,835.198 1257.310,826.402 1259.000,824.000 C1260.690,821.598 1292.000,819.000 1292.000,819.000 L1336.000,818.000 L1343.000,815.000 C1343.000,815.000 1360.769,838.495 1362.000,845.000 C1363.231,851.505 1362.769,883.495 1364.000,889.000 C1365.231,894.505 1374.969,902.548 1375.000,908.000 C1375.031,913.452 1365.000,929.000 1365.000,929.000 C1365.000,929.000 1374.569,933.348 1374.000,936.000 C1373.431,938.652 1368.369,941.748 1371.000,947.000 C1373.631,952.252 1375.569,953.254 1379.000,956.000 C1382.431,958.746 1381.569,959.654 1381.000,964.000 C1380.431,968.346 1380.569,990.654 1396.000,1015.000 C1396.000,1015.000 1401.769,1024.654 1407.000,1027.000 C1412.231,1029.346 1415.000,1030.000 1415.000,1030.000 L1378.000,1028.000 L1366.000,1028.000 C1366.000,1028.000 1357.369,1022.454 1353.000,1024.000 C1348.631,1025.546 1341.000,1027.000 1341.000,1027.000 L1322.000,1027.000 C1322.000,1027.000 1309.017,1028.470 1310.000,1034.000 C1310.983,1039.530 1316.017,1042.070 1316.000,1046.000 C1315.983,1049.930 1313.817,1062.270 1304.000,1062.000 C1294.183,1061.730 1283.817,1062.070 1279.000,1061.000 C1274.183,1059.930 1265.617,1057.070 1262.000,1058.000 C1258.383,1058.930 1250.817,1061.270 1251.000,1064.000 C1251.183,1066.730 1256.617,1079.670 1257.000,1084.000 C1257.383,1088.330 1254.817,1097.270 1258.000,1100.000 C1261.183,1102.730 1273.217,1106.670 1274.000,1110.000 C1274.783,1113.330 1273.817,1123.470 1272.000,1123.000 C1270.183,1122.530 1247.817,1120.470 1239.000,1123.000 C1230.183,1125.530 1231.417,1124.870 1226.000,1131.000 C1220.583,1137.130 1217.217,1144.670 1208.000,1151.000 C1198.783,1157.330 1175.417,1176.870 1160.000,1186.000 C1144.583,1195.130 1128.617,1200.670 1119.000,1206.000 C1109.383,1211.330 1105.000,1214.000 1105.000,1214.000 L1083.000,1214.000 C1083.000,1214.000 1079.017,1232.070 1072.000,1241.000 C1064.983,1249.930 1054.617,1268.670 1042.000,1281.000 C1029.383,1293.330 1018.217,1301.070 1011.000,1306.000 C1003.783,1310.930 1006.000,1315.000 1006.000,1315.000 L997.000,1319.000 L997.000,1329.000 L992.000,1320.000 L988.000,1326.000 L983.000,1326.000 L978.000,1320.000 L954.000,1320.000 C954.000,1320.000 951.817,1323.670 950.000,1324.000 C948.183,1324.330 946.217,1323.270 946.000,1321.000 C945.783,1318.730 943.817,1316.070 943.000,1315.000 C942.183,1313.930 940.000,1312.000 940.000,1312.000 L934.000,1311.000 L933.000,1305.000 C933.000,1305.000 921.817,1305.470 918.000,1305.000 C914.183,1304.530 908.817,1301.470 908.000,1299.000 C907.183,1296.530 906.000,1294.000 906.000,1294.000 L895.000,1294.000 L888.000,1285.000 C888.000,1285.000 883.217,1284.870 881.000,1284.000 C878.783,1283.130 870.817,1279.470 867.000,1278.000 C863.183,1276.530 851.617,1266.670 851.000,1263.000 C850.383,1259.330 849.417,1257.470 852.000,1254.000 C854.583,1250.530 857.217,1246.670 856.000,1243.000 C854.783,1239.330 845.000,1230.000 845.000,1230.000 L839.000,1231.000 C839.000,1231.000 827.017,1215.470 823.000,1207.000 C818.983,1198.530 814.017,1190.270 816.000,1184.000 C817.983,1177.730 822.000,1167.000 822.000,1167.000 L805.000,1162.000 L804.000,1160.000 Z"/>
                <path onClick={() => state.activeTitle = '正宁县'} style={{opacity: state.activeTitle == '正宁县' ? 0.7 : 0}} fill-rule="evenodd"  opacity="0.702" fill="rgb(0, 132, 255)"
                d="M1006.000,1314.000 C1006.000,1314.000 1018.017,1314.203 1019.000,1321.000 C1019.983,1327.797 1019.684,1321.203 1017.000,1328.000 C1014.316,1334.797 1015.000,1338.000 1015.000,1338.000 C1015.000,1338.000 1046.017,1336.870 1071.000,1329.000 C1095.983,1321.130 1102.351,1317.203 1105.000,1313.000 C1107.649,1308.797 1110.351,1304.537 1117.000,1303.000 C1123.649,1301.463 1134.684,1302.203 1137.000,1300.000 C1139.316,1297.797 1141.617,1292.270 1146.000,1294.000 C1150.383,1295.730 1155.000,1297.000 1155.000,1297.000 C1155.000,1297.000 1167.417,1281.670 1171.000,1282.000 C1174.583,1282.330 1179.617,1282.270 1183.000,1282.000 C1186.383,1281.730 1189.000,1280.000 1189.000,1280.000 L1213.000,1292.000 L1214.000,1297.000 L1219.000,1297.000 C1219.000,1297.000 1222.017,1300.470 1220.000,1305.000 C1217.983,1309.530 1219.000,1312.000 1219.000,1312.000 L1230.000,1326.000 L1234.000,1325.000 L1238.000,1316.000 L1246.000,1315.000 L1255.000,1320.000 L1269.000,1316.000 C1269.000,1316.000 1285.217,1301.470 1286.000,1301.000 C1286.783,1300.530 1303.000,1288.000 1303.000,1288.000 C1303.000,1288.000 1313.617,1293.870 1314.000,1296.000 C1314.383,1298.130 1312.000,1302.000 1312.000,1302.000 L1316.000,1307.000 L1321.000,1303.000 C1321.000,1303.000 1343.617,1304.270 1345.000,1306.000 C1346.383,1307.730 1347.217,1309.870 1349.000,1310.000 C1350.783,1310.130 1382.817,1312.070 1387.000,1312.000 C1391.183,1311.930 1398.017,1311.070 1404.000,1311.000 C1409.983,1310.930 1410.000,1311.000 1410.000,1311.000 C1410.000,1311.000 1413.617,1306.070 1418.000,1305.000 C1422.383,1303.930 1432.017,1301.470 1436.000,1297.000 C1439.983,1292.530 1444.217,1286.070 1446.000,1285.000 C1447.783,1283.930 1453.017,1283.470 1455.000,1286.000 C1456.983,1288.530 1462.217,1296.270 1468.000,1297.000 C1473.783,1297.730 1475.617,1296.270 1476.000,1293.000 C1476.383,1289.730 1476.417,1288.070 1478.000,1286.000 C1479.583,1283.930 1488.817,1280.070 1490.000,1270.000 C1491.183,1259.930 1490.817,1254.670 1488.000,1248.000 C1485.183,1241.330 1485.817,1241.670 1487.000,1235.000 C1488.183,1228.330 1490.617,1215.070 1489.000,1211.000 C1487.383,1206.930 1486.617,1204.270 1488.000,1201.000 C1489.383,1197.730 1492.617,1189.270 1490.000,1182.000 C1487.383,1174.730 1478.654,1168.065 1478.000,1163.000 C1477.346,1157.935 1473.254,1136.865 1471.000,1131.000 C1468.746,1125.135 1459.654,1120.065 1460.000,1109.000 C1460.346,1097.935 1464.254,1093.865 1467.000,1088.000 C1469.746,1082.135 1468.032,1079.317 1467.000,1076.000 C1465.968,1072.683 1461.632,1063.917 1459.000,1062.000 C1456.368,1060.083 1450.632,1058.717 1447.000,1057.000 C1443.368,1055.283 1420.000,1034.000 1420.000,1034.000 L1419.000,1032.000 L1370.000,1029.000 C1370.000,1029.000 1355.129,1022.522 1352.000,1024.000 C1348.871,1025.478 1342.000,1028.000 1342.000,1028.000 C1342.000,1028.000 1306.729,1025.122 1311.000,1035.000 C1315.271,1044.878 1317.000,1044.000 1317.000,1044.000 C1317.000,1044.000 1315.929,1059.522 1307.000,1062.000 C1298.071,1064.478 1278.000,1062.000 1278.000,1062.000 C1278.000,1062.000 1265.729,1056.922 1260.000,1059.000 C1254.271,1061.078 1250.129,1062.922 1251.000,1067.000 C1251.871,1071.078 1257.329,1080.322 1257.000,1088.000 C1256.671,1095.678 1255.329,1098.322 1260.000,1101.000 C1264.671,1103.678 1274.929,1105.722 1275.000,1113.000 C1275.071,1120.278 1272.000,1123.000 1272.000,1123.000 C1272.000,1123.000 1242.929,1119.922 1236.000,1124.000 C1229.071,1128.078 1216.729,1144.122 1207.000,1152.000 C1197.271,1159.878 1166.529,1185.522 1150.000,1194.000 C1133.471,1202.478 1104.000,1214.000 1104.000,1214.000 L1083.000,1214.000 C1083.000,1214.000 1081.729,1225.322 1070.000,1242.000 C1058.271,1258.678 1047.129,1274.922 1040.000,1283.000 C1032.871,1291.078 1024.729,1296.322 1017.000,1302.000 C1009.271,1307.678 1004.400,1309.600 1006.000,1314.000 Z"/>
                <path onClick={() => state.activeTitle = '合水县'} style={{opacity: state.activeTitle == '合水县' ? 0.7 : 0}} fill-rule="evenodd"  opacity="0.702" fill="rgb(0, 132, 255)"
                d="M933.000,928.000 L913.000,879.000 L920.000,871.000 C920.000,871.000 915.463,862.322 914.000,857.000 C912.537,851.678 914.000,850.000 914.000,850.000 C914.000,850.000 925.796,838.322 926.000,836.000 C926.204,833.678 921.000,827.000 921.000,827.000 L925.000,823.000 L928.000,822.000 L955.000,796.000 L970.000,803.000 L984.000,803.000 L987.000,797.000 C987.000,797.000 983.129,792.322 982.000,787.000 C980.871,781.678 980.463,767.322 980.000,766.000 C979.537,764.678 977.000,756.000 977.000,756.000 L988.000,754.000 L995.000,741.000 L996.000,736.000 L1005.000,729.000 C1005.000,729.000 1010.729,716.788 1012.000,713.000 C1013.271,709.212 1017.529,706.188 1019.000,704.000 C1020.471,701.812 1021.000,701.000 1021.000,701.000 L1021.000,684.000 C1021.000,684.000 1039.729,679.188 1044.000,676.000 C1048.271,672.812 1050.129,668.588 1045.000,664.000 C1039.871,659.412 1028.000,651.000 1028.000,651.000 L1030.000,645.000 L1048.000,649.000 L1061.000,644.000 L1054.000,634.000 C1054.000,634.000 1054.529,629.988 1057.000,628.000 C1059.471,626.012 1062.000,624.000 1062.000,624.000 L1051.000,611.000 L1050.000,607.000 C1050.000,607.000 1072.129,597.588 1077.000,598.000 C1081.871,598.412 1086.529,597.788 1092.000,593.000 C1097.471,588.212 1099.529,564.588 1100.000,562.000 C1100.471,559.412 1110.329,547.988 1119.000,550.000 C1127.671,552.012 1127.329,552.788 1131.000,557.000 C1134.671,561.212 1141.529,561.988 1145.000,564.000 C1148.471,566.012 1156.129,583.588 1165.000,591.000 C1173.871,598.412 1176.340,599.171 1192.000,606.000 C1192.000,606.000 1198.140,610.571 1200.000,615.000 C1201.860,619.429 1205.740,618.371 1208.000,619.000 C1210.260,619.629 1211.540,622.571 1215.000,623.000 C1215.000,623.000 1219.340,623.971 1223.000,619.000 C1226.660,614.029 1228.540,610.171 1232.000,609.000 C1235.460,607.829 1244.740,606.971 1248.000,598.000 C1251.260,589.029 1251.940,586.171 1256.000,583.000 C1260.060,579.829 1262.340,561.971 1265.000,559.000 C1267.660,556.029 1272.011,553.759 1280.000,553.000 C1287.989,552.241 1298.611,553.559 1301.000,543.000 C1303.389,532.441 1302.611,519.759 1304.000,518.000 C1305.389,516.241 1312.011,511.940 1313.000,495.000 C1313.989,478.060 1309.411,462.940 1313.000,456.000 C1316.589,449.060 1321.611,444.540 1322.000,438.000 C1322.389,431.460 1322.000,425.000 1322.000,425.000 C1322.000,425.000 1328.611,422.140 1338.000,429.000 C1338.000,429.000 1339.611,429.540 1346.000,430.000 C1352.389,430.460 1353.000,430.000 1353.000,430.000 C1353.000,430.000 1358.811,436.540 1363.000,448.000 C1363.000,448.000 1371.611,451.540 1374.000,455.000 C1376.389,458.460 1375.411,460.740 1374.000,464.000 C1372.589,467.260 1370.211,469.740 1374.000,481.000 C1377.789,492.260 1380.811,509.940 1384.000,515.000 C1387.189,520.060 1389.011,522.340 1388.000,527.000 C1386.989,531.660 1386.235,538.392 1388.000,542.000 C1389.765,545.608 1438.235,609.592 1441.000,612.000 C1443.765,614.408 1441.235,618.592 1440.000,621.000 C1438.765,623.408 1437.000,633.000 1437.000,633.000 L1443.000,638.000 C1443.000,638.000 1436.435,648.792 1436.000,660.000 C1435.565,671.208 1434.235,680.592 1443.000,696.000 C1443.000,696.000 1445.753,698.972 1442.000,704.000 C1438.247,709.028 1429.000,727.000 1429.000,727.000 C1429.000,727.000 1434.553,742.572 1431.000,748.000 C1427.447,753.428 1425.953,751.372 1419.000,751.000 C1412.047,750.628 1389.000,748.000 1389.000,748.000 L1377.000,755.000 L1376.000,770.000 L1349.000,781.000 L1338.000,796.000 L1336.000,798.000 C1336.000,798.000 1338.953,811.172 1341.000,813.000 C1343.047,814.828 1343.000,815.000 1343.000,815.000 C1343.000,815.000 1338.953,817.972 1332.000,818.000 C1325.047,818.028 1271.753,818.972 1266.000,821.000 C1260.247,823.028 1257.153,823.172 1258.000,828.000 C1258.847,832.828 1261.626,851.437 1249.000,852.000 C1236.374,852.563 1199.000,838.000 1199.000,838.000 C1199.000,838.000 1187.426,830.237 1180.000,836.000 C1172.574,841.763 1170.626,849.837 1162.000,846.000 C1153.374,842.163 1144.226,836.237 1140.000,839.000 C1135.774,841.763 1132.826,843.637 1133.000,850.000 C1133.174,856.363 1130.426,859.837 1128.000,860.000 C1125.574,860.163 1120.826,857.837 1117.000,862.000 C1113.174,866.163 1093.426,882.237 1109.000,890.000 C1124.574,897.763 1124.226,897.437 1124.000,901.000 C1123.774,904.563 1123.626,916.437 1118.000,921.000 C1112.374,925.563 1109.826,934.037 1107.000,947.000 C1104.174,959.963 1104.000,957.000 1104.000,957.000 L1050.000,988.000 L1033.000,990.000 L1026.000,983.000 L1025.000,952.000 L1017.000,952.000 L1011.000,957.000 L986.000,949.000 L978.000,949.000 L971.000,954.000 L963.000,954.000 L957.000,948.000 C957.000,948.000 950.826,948.437 950.000,948.000 C949.174,947.563 944.000,943.000 944.000,943.000 C944.000,943.000 945.226,936.237 942.000,934.000 C938.774,931.763 933.000,928.000 933.000,928.000 Z"/>
                <path onClick={() => state.activeTitle = '华池县'} style={{opacity: state.activeTitle == '华池县' ? 0.7 : 0}} fill-rule="evenodd"  opacity="0.702" fill="rgb(0, 132, 255)"
                d="M1051.000,608.000 L1033.000,607.000 L1033.000,599.000 L1019.000,603.000 L1006.000,616.000 L996.000,610.000 L994.000,600.000 L981.000,583.000 L972.000,588.000 L954.000,570.000 L946.000,572.000 L938.000,579.000 L926.000,570.000 L917.000,545.000 L908.000,546.000 L906.000,541.000 L898.000,544.000 C898.000,544.000 891.693,538.503 891.000,536.000 C890.307,533.497 889.000,531.000 889.000,531.000 L882.000,536.000 L886.000,541.000 L887.000,554.000 L900.000,555.000 L900.000,563.000 L891.000,570.000 L874.000,570.000 C874.000,570.000 870.360,565.837 869.000,567.000 C867.640,568.163 867.000,571.000 867.000,571.000 L860.000,572.000 L858.000,586.000 C858.000,586.000 853.026,578.170 848.000,580.000 C842.974,581.830 842.000,588.000 842.000,588.000 L835.000,590.000 L822.000,563.000 L826.000,545.000 C826.000,545.000 818.360,535.837 818.000,533.000 C817.640,530.163 815.000,525.000 815.000,525.000 C815.000,525.000 809.693,518.170 804.000,518.000 C798.307,517.830 792.000,516.000 792.000,516.000 C792.000,516.000 790.093,509.370 786.000,509.000 C781.907,508.630 781.000,506.000 781.000,506.000 C781.000,506.000 788.293,496.570 789.000,495.000 C789.707,493.430 789.000,480.000 789.000,480.000 C789.000,480.000 794.893,471.370 794.000,464.000 C793.107,456.630 786.893,431.370 785.000,426.000 C783.107,420.630 781.000,418.000 781.000,418.000 L772.000,416.000 L772.000,410.000 L780.000,409.000 L782.000,407.000 L788.000,409.000 L795.000,405.000 L790.000,399.000 L796.000,394.000 L798.000,386.000 L813.000,385.000 C813.000,385.000 820.893,378.170 825.000,378.000 C829.107,377.830 829.000,376.000 829.000,376.000 L825.000,356.000 L817.000,354.000 L812.000,357.000 L799.000,350.000 L815.000,341.000 L809.000,332.000 C809.000,332.000 789.893,327.770 784.000,320.000 C778.107,312.230 775.000,295.000 775.000,295.000 C775.000,295.000 749.893,296.170 751.000,288.000 C752.107,279.830 769.493,263.570 768.000,253.000 C766.507,242.430 761.093,242.703 756.000,240.000 C750.907,237.297 745.493,236.903 745.000,227.000 C744.507,217.097 744.693,215.103 741.000,214.000 C737.307,212.897 724.893,207.903 722.000,212.000 C719.107,216.097 716.093,214.903 715.000,224.000 L715.000,226.000 L707.000,223.000 C707.000,223.000 706.293,206.303 705.000,204.000 C703.707,201.697 694.293,186.703 683.000,180.000 C671.707,173.297 668.893,165.903 673.000,164.000 C677.107,162.097 691.000,164.000 691.000,164.000 C691.000,164.000 696.693,180.503 700.000,181.000 C703.307,181.497 711.000,183.000 711.000,183.000 C711.000,183.000 719.293,171.903 733.000,180.000 C746.707,188.097 750.693,190.503 759.000,188.000 C767.307,185.497 772.493,179.703 781.000,185.000 C789.507,190.297 796.093,198.703 804.000,198.000 C811.907,197.297 815.493,192.703 823.000,198.000 C830.507,203.297 832.493,203.703 834.000,204.000 C835.507,204.297 837.093,207.103 838.000,209.000 C838.907,210.897 846.893,208.503 848.000,210.000 C849.107,211.497 851.000,214.000 851.000,214.000 L864.000,214.000 L868.000,212.000 L876.000,220.000 L882.000,220.000 L883.000,227.000 L890.000,226.000 L896.000,232.000 L909.000,232.000 L914.000,238.000 L914.000,245.000 L931.000,258.000 L930.000,281.000 L936.000,286.000 L950.000,281.000 L964.000,288.000 L967.000,274.000 L972.000,271.000 L974.000,275.000 L979.000,277.000 L980.000,278.000 L980.000,285.000 L972.000,285.000 C972.000,285.000 969.693,294.503 971.000,295.000 C972.307,295.497 973.000,300.000 973.000,300.000 L971.000,306.000 L980.000,309.000 L985.000,306.000 L989.000,310.000 L990.000,314.000 L997.000,317.000 L1005.000,324.000 L1012.000,323.000 L1015.000,318.000 L1021.000,315.000 L1023.000,313.000 L1025.000,316.000 L1026.000,325.000 C1026.000,325.000 1042.693,325.903 1047.000,329.000 C1051.307,332.097 1053.493,336.303 1056.000,339.000 C1058.507,341.697 1060.893,347.903 1073.000,340.000 C1073.000,340.000 1082.893,329.503 1084.000,323.000 C1085.107,316.497 1087.493,305.903 1088.000,304.000 C1088.507,302.097 1091.000,300.000 1091.000,300.000 L1098.000,301.000 C1098.000,301.000 1092.293,305.903 1092.000,315.000 C1091.707,324.097 1092.693,332.303 1099.000,336.000 C1105.307,339.697 1118.000,339.000 1118.000,339.000 L1124.000,349.000 L1128.000,354.000 L1133.000,347.000 L1134.000,343.000 L1136.000,343.000 L1141.000,350.000 L1150.000,350.000 L1154.000,346.000 L1174.000,347.000 C1174.000,347.000 1186.693,353.303 1188.000,356.000 C1189.307,358.697 1189.000,361.000 1189.000,361.000 L1190.000,367.000 C1190.000,367.000 1191.293,370.903 1197.000,374.000 C1202.707,377.097 1207.093,376.903 1209.000,381.000 C1210.907,385.097 1220.093,401.903 1220.000,404.000 C1219.907,406.097 1218.093,409.903 1220.000,413.000 C1221.907,416.097 1225.493,417.303 1228.000,417.000 C1230.507,416.697 1232.093,414.303 1234.000,418.000 C1235.907,421.697 1242.000,425.000 1242.000,425.000 L1252.000,426.000 L1259.000,432.000 L1269.000,431.000 L1273.000,428.000 L1280.000,434.000 C1280.000,434.000 1292.493,421.503 1293.000,418.000 C1293.507,414.497 1288.000,406.000 1288.000,406.000 L1289.000,404.000 C1289.000,404.000 1302.293,413.703 1307.000,415.000 C1311.707,416.297 1315.000,419.000 1315.000,419.000 L1321.000,424.000 C1321.000,424.000 1322.693,437.703 1321.000,441.000 C1319.307,444.297 1311.093,455.503 1311.000,461.000 C1310.907,466.497 1314.493,497.903 1312.000,505.000 C1309.507,512.097 1303.693,515.903 1303.000,521.000 C1302.307,526.097 1301.893,541.903 1300.000,545.000 C1298.107,548.097 1289.893,552.503 1285.000,553.000 C1280.107,553.497 1266.093,554.103 1265.000,557.000 C1263.907,559.897 1261.293,574.903 1260.000,578.000 C1258.707,581.097 1252.093,583.903 1250.000,589.000 C1247.907,594.097 1246.493,601.503 1242.000,605.000 C1237.507,608.497 1229.893,608.503 1228.000,611.000 C1226.107,613.497 1222.893,622.903 1217.000,623.000 C1211.107,623.097 1211.493,620.303 1208.000,620.000 C1204.507,619.697 1201.093,619.703 1199.000,614.000 C1196.907,608.297 1185.310,603.946 1180.000,601.000 C1174.690,598.054 1161.910,589.546 1158.000,583.000 C1154.090,576.454 1149.110,565.146 1146.000,564.000 C1142.890,562.854 1134.310,561.546 1133.000,559.000 C1131.690,556.454 1128.310,549.346 1119.000,549.000 C1109.690,548.654 1101.710,555.946 1100.000,562.000 C1098.290,568.054 1099.510,588.346 1092.000,594.000 C1084.490,599.654 1066.510,598.746 1062.000,601.000 C1057.490,603.254 1051.000,608.000 1051.000,608.000 Z"/>
            </g>
            {
              state.pointList.map((item, index) => {
                return (
                  <g
                    onClick={() => state.activeTitle = item.title}
                    style={{transform: `translate(${item.x}px, ${item.y}px) scale(1.2)`, 'pointer-events': 'none'}}
                  >
                    <image
                      style="transform: translate(18px, 11px) scale(0.7)"
                      href={new URL(`@/assets/village-level/qingyang/label.png`, import.meta.url).href}
                    />
                    <image
                      v-show={item.title != state.activeTitle}
                      style="transform: translate(68px, 44px) scale(1)"
                      href={new URL(`@/assets/village-level/qingyang/map-PT.png`, import.meta.url).href}
                    />
                    <image
                      v-show={item.title == state.activeTitle}
                      style="transform: translate(70px, 47px) scale(1)"
                      href={new URL(`@/assets/village-level/qingyang/Earlylight.png`, import.meta.url).href}
                    />
                    <image
                      v-show={item.title == state.activeTitle}
                      x={12}
                      y={100}
                      style={`
                        transform-style: preserve-3d;
                        transform: translate3d(4px, 48px, 0) scale3d(0.8, 0.6, 1);
                        animation: rotateAnimation 1.5s linear infinite;
                        transform-origin: 57px 56px;
                      `}
                      href={new URL(`@/assets/village-level/qingyang/Earlypoint.png`, import.meta.url).href}
                    >
                    </image>
                    <text
                      style={`
                        transform: translate(54px, 43px);
                        fill: #fff;
                        text-shadow: rgb(3 19 43 / 15%) 2px 0px 4px;
                        font-size: 23px;
                        font-family: Microsoft YaHei;
                        font-weight: 400;
                      `}
                    >{item.title}</text>
                  </g>
                )
              })
            }
          </svg>
        </div>
      )
    }
  }
})
